<template>
  <el-container class="el-container1">
    <!-- 头-->
    <el-header class="el-header">
      <Header></Header>
    </el-header>

    <el-container class="el-container">
      <!--侧边-->
      <el-aside class="el-aside">

          <Aside></Aside>

      </el-aside>

      <el-container class="el-container">
        <!--主 头-->
        <el-header class="el-header2">
          <Header2></Header2>
        </el-header>
        <!--主-->
        <el-main class="el-main">
          <Main0></Main0>
        </el-main>
        <!--主 脚-->
        <el-footer class="el-footer2">
          <Footer2></Footer2>
        </el-footer>

      </el-container>

    </el-container>
    <!--脚-->
<!--    <el-footer class="el-footer">-->
<!--      <keep-alive>-->
<!--        <component v-bind:is="footer"></component>-->
<!--      </keep-alive>-->
<!--    </el-footer>-->

  </el-container>
</template>
<script>

import Footer from '../components/Subassembly/Footer'
import Footer2 from '../components/Subassembly/Footer2'
import Main from '../components/Subassembly/Main'
import Header from '../components/Subassembly/Header'
import Header2 from '../components/Subassembly/Header2'
import Aside from './Subassembly/Aside'

export default {
  name: 'Home',
  components: {
    Footer: Footer,
    Footer2: Footer2,
    Main0: Main,
    Header: Header,
    Header2: Header2,
    Aside: Aside
  }
}
</script>

<style>

.el-header{
  background-color: #392c2c;
  color: #333;
  text-align: center;
  max-height: 50px;
}

.el-aside {
  background-color: #f5f6f8;
  color: #333333;
  text-align: center;
  line-height: 200px;
  max-width: 18%;

}

.el-main {
  /*background-color: #E9EEF3;*/
  color: #333;
  text-align: center;
  max-height: 632px;
}

.el-header2{
  background-color: #f6f7f9;
  color: #333;
  /*text-align: center;*/
  /*line-height: 60px;*/
  max-height: 40px;
}

 .el-footer2 {
  background-color: #2b4a87;
  color: #333;
  /*text-align: center;*/
  /*line-height: 60px;*/
  max-height: 40px;
   position: absolute;
   /*bottom: 0px;*/
}

</style>
